@charset "UTF-8";
.APIMenus{
  position: relative;
  display: inline-block;
  margin-left: 21px;
  transition: all 1s;
  padding: 13px 16px;
  cursor: pointer;
}
#bodyContentMenusDIV .activeNo{
  &:after,&:before {
    box-sizing:border-box;
    border:1px solid transparent;
    width:0;
    height:0;
    content: '';
    display: block;
    position: absolute;
    border-radius: 6px;
  }
  &:after{
    top: 0;
    left: 0;
    -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
    transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
  }
  &:before{
    bottom: 0;
    right: 0;
    -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
    transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
  }
}
#bodyContentMenusDIV .activeNo:hover{
  &:after,&:before {
    width:100%;
    height:100%;
  }
  &:after{
    border-top-color:#00C4C2;
    border-right-color:#00C4C2;
    -webkit-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
  }
  &:before{
    border-bottom-color:#00C4C2;
    border-left-color:#00C4C2;
    -webkit-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
  }
}
#bodyContentMenusDIV .active{
  &:after,&:before {
    width:100%;
    height:100%;
    box-sizing:border-box;
    border:1px solid transparent;
    content: '';
    display: block;
    position: absolute;
    border-radius: 6px;
  }
  &:after{
    top: 0;
    left: 0;
  }
  &:before{
    bottom: 0;
    right: 0;
  }
  &:after{
    border-top-color:#00C4C2;
    border-right-color:#00C4C2;
    -webkit-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
  }
  &:before{
    border-bottom-color:#00C4C2;
    border-left-color:#00C4C2;
    -webkit-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
  }
}
